<template>
  <div id="app">
    <div class="page-header">
      <!-- <colorPicker v-model="color" v-on:change="headleChangeColor"></colorPicker> -->
      <download :message="message" :is-show-download="isShowDownload" @goToDownLoad="goToDownLoad" />
      <div @click="showDownLoad">点我展示</div>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      color: '#000',
      isShowDownload: false,
      message: '你好啊'
    };
  },
  methods: {
    headleChangeColor(color) {
      var colors = color;
      console.log(`颜色值改变事件：${colors}`);
    },
    showDownLoad() {
      this.isShowDownload = true;
    },
    goToDownLoad() {
      window.location.href = 'https://www.baidu.com';
    }
  }
};
</script>

<style lang="sass">
@import "assets/style.scss";
</style>

